<style>
    body {
        /* 
        ---------------------- 1、字体类型
            1）中文、多单词组成的字体，要加引号（单双引号都行）
                - 不建议用中文，因为兼容性不好不能识别
                - 中文一般都会有对应的英文形式，建议用英文格式
                - 例如'微软雅黑'对应'Microsoft YaHei'
            2）多种类型字体同时存在时，逗号隔开
                - 会根据系统是否安装了某种字体，
                - 依次从左到右解析并匹配，先找到就解析显示，找不到就往右一个继续解析
                - 都没有时，就用系统自带的字体
            3）尽量用常见的字体或系统默认自带的字体
                - 假如你的电脑系统没有安装特定字体时也就识别不了
            4）一般直接用body去设置字体
                - 因为body相当于统一管理整个页面的字体
                - 子元素自己设置，就用子元素自己的，没有，就参照body的
        */
        /* font-family: 'Microsoft yahei', '微软雅黑'; */
        /* font-family: '宋体'; */
        /* font-family: 'Times New Roman', Times, serif; */


        /*
        ---------------------- 2、字体大小
            1）属性值，必须带有单位
                像素（px）
                相对单位（em），相对于父元素字体大小的倍数
                百分比
            2）默认大小
                - 不同浏览器默认大小可能不一致，为了统一，建议设置固定值
                - 谷歌浏览器默认16px
            3）body
                - 一般用body来设置大小
            4）特殊标签
                - 有些特殊标签不会参照父标签的大小，必须单独设置才能生效
                - 例如标题
        */
        /* font-size: 16px; */


        /*
        ---------------------- 3、字体粗细
            normal  400
            bold    700  相当于strong或b
            bolder
            lighter
            数字     100~900（最好整百）
        开发中一般用数字（没有单位）来表示粗细，而不是英文形式。
        */
        /* font-weight: 700; */


        /*
        ---------------------- 4、字体样式风格
            normal  正常体
            italic  斜体
            oblique 让文字倾斜
        有些不常用的字体的风格只有【正常体属性】而没有【斜体字属性】，
        此时想要这些没有【斜体字属性】的文字倾斜，就需要【oblique】来实现倾斜。
        
        应用场景：
            平时是不用斜体字的，反而是经常让斜体标签em、i的文字风格修改为不倾斜。
        */
        /* font-style: italic; */


        /*
        ---------------------- 5、复合属性（简写）
        要求如下：
            1）顺序不能乱
                font: font-style font-weight font-size/line-height font-family;
                font: 风格 粗细 大小/行高 类型;
            2）必须保留的以下2个属性，其余可以省略会取默认值
                font: font-size font-family
                font: 大小 类型;
        不按要求来，复合属性就失效！
        */
        /* font: italic 700 16px/20px '宋体'; */
        font: 25px '黑体';
    }
    i,
    em {
        font-style: normal;
    }
</style>

<h2>我是二级标题</h2>
<p>我是段落内容</p>

<h4>我是四级标题</h4>
<p>我是段落内容</p>

<i>我是斜体标签i的内容</i> <br>
<em>我是斜体标签em的内容</em>